草庐IT

CSS 布局 - Overflow

全部标签

ruby-on-rails - 如何将变量传递给布局?

我的应用程序布局有两个版本,只有几行不同。考虑以下示例:!!!%html%head#alotofcodehere%body#somemorecodehere-ifdefined?flagandflag==true#variant1-else#variant2问题是,如何将这个标志传递给布局?classApplicationController{:flag=>true}#won'twork:(#...end 最佳答案 在这些情况下,我通常更喜欢使用辅助方法而不是实例变量。这是如何完成的示例:classApplicationContro

css - cucumber /网络 : follow link by CSS class?

是否可以通过类名而不是ID、文本或标题来跟踪链接?鉴于我有(哈哈,cucumber内部人士他?)以下html代码:Translationhere我不想按文本匹配,因为我必须关心测试中的翻译值我想让我的按钮看起来都是一样的样式,所以我将使用CSS类。我不想为每个单独的链接分配一个id,因为其中一些通过容器和链接类完美识别我在Cucumber/Webrat中遗漏了什么吗?或者您有什么建议可以更好地解决这个问题?感谢您的帮助和最诚挚的问候,乔编辑:我发现了一个关于这个话题的有趣讨论here-现在似乎仍然是一个悬而未决的问题。您对此有任何其他解决方案吗? 最佳答案

ruby-on-rails - 保留 ActiveAdmin 布局的 ActiveAdmin 自定义 View

我有一个带有ActiveAdmingem的Rails3应用程序。我的目标是在自定义View中呈现自定义Controller以保持其布局。我成功地使用以下代码在自定义View中制作自定义Controller渲染:页面.rb:ActiveAdmin.register_page'Pages'docontentonly::indexdorender'index'endcontentonly::editdorenderpartial:'edit'endcontrollerdodefindex@search=Page.includes(:translations).where("page_tran

ruby - Nokogiri 中的 .at_css 和 .css 有什么区别?

我找不到明确、直接的答案,但是Nokogiri中的.at_css和.css有什么区别? 最佳答案 Nokogiri具有搜索和查找所有内容以及查找第一个方法的同义词。search,/,xpath和cssall搜索每次出现的访问器并返回NodeSet.at,%,at_xpath和at_css搜索第一次出现并返回Node.这就是为什么文档说它们等同于说search('//some/path').first或css('somepath').first. 关于ruby-Nokogiri中的.at_

ruby - 使用 HAML 包含 CSS 和 javascript 标签的简短方法

当在HAML中包含javascript或CSS时,您通常必须执行以下操作以包含CSS:%link{:type=>"text/css",:rel=>"stylesheet",:href=>"/css/mycss.css"}对于javascript:%script{:type=>"text/javascript",:src=>"/js/myscript.js"}我想知道HAML是否没有包含这些标签的简短方法(当然是从源获取内容,而不是内联),它省略了对type和的需要rel属性,因为它们无论如何都是不变的。请注意,RubyonRails通过函数提供此功能,但我没有使用rails。

css - Sass 和 Compass 中的背景图片路径

这个在config.rb文件中有提到images_dir="images"我在images文件夹中的元素中使用2个文件夹存放图像imagesimages/background/images/content/如果images/background/文件夹中有任何图像,那么我应该如何在cssbackground和Sass变量中添加图像路径?$header-img:"sass.gif";和background-image:url('sass.gif?1327592426');以及如何从每个背景图像中删除这个自动生成的?1327592426? 最佳答案

css - Rails - @import 和 *= require 之间的区别?

所以我有一个相对简单的Rails应用程序,我想通过Bootstrap向它添加一些Material设计样式。我已将以下gem添加到我的Gemfile中:gem'bootstrap-sass'gem'bootstrap-material-design'现在它们都可以工作了,我的问题是为什么我似乎必须以不同的方式将它们添加到我的应用程序中。对于vanillaBoostrap,我只是像正常一样将它导入特定View(我认为这是正确的术语)scss文件。@import"bootstrap-sprockets";@import"bootstrap";但是对于MaterialDesigngem,我必须

ruby - 获取中间人布局文件中页面的当前路径

是否可以在中间人文件中检索页面的当前路径?例如,如果我有一个布局文件layout.erb,其中包含如下内容:和一个测试文件index.html:Testing然后当Middleman呈现页面时,我会得到如下内容:/index.htmlTesting 最佳答案 中间人还提供了current_page变量。current_page.path是该资源的源路径(相对于源目录,没有模板扩展名),current_page.url是没有目录索引的路径(所以foo/index.html变成了foo)。#->index.html#->/来自Middl

ruby-on-rails - 为 Rails 中的邮件将外部 CSS 转换为内联 CSS

我正在尝试创建一个应用程序,该应用程序将发送样式繁多的电子邮件并要求客户端在Google的Gmail之外工作。我研究了这个问题,看起来Gmail从外部文件或嵌套在“样式”标签中的CSS中删除了CSS。是否存在将样式从外部文件移动到内联样式的简单方法?需要的东西:.wide{width:100px;}.cell{display:block;}Sample并将其转换为:Sample谢谢! 最佳答案 这里有一些您可以查看的精华:premailer或premailer-rails用于railsmail_stylepremailerplus(

ruby - 如何在 Haml 中构建布局模板

我有一个使用Haml进行布局的网页。“layout.haml”是一个单独的布局文件,用于呈现任何实际的Haml页面。layout.haml看起来像这样:-#layout.haml!!!XML!!!%html%head...%body...#content=yield这当然已经在文档的中了因此无法直接在header中操作内容。例如通过@title更改.一个更大的问题是每个页面特定的JavaScript都需要加载到正文中。此外,layout.haml已经包含JavaScript,因此jQuery通常会被多次实例化。对于更好的模板结构有什么建议吗? 最佳答案